<div class="order-info">
  <h2>订单信息</h2>
  <hr/>

  <div class="order-first">
    <span class="order-num">订单号: {{orderInfo.orderNum}}</span>
    <span class="status" ng-switch on="orderInfo.status">
      状态：
      <span ng-switch-when="1">已提交</span>
      <span ng-switch-when="2">已发货</span>
      <span ng-switch-when="3">已收货</span>
    </span>
  </div>
  <hr/>

  <div class="address">
    <h4>收货人信息</h4>
    <div class="address-single-info">
      <span class="address-label">收&nbsp&nbsp货&nbsp&nbsp人： </span>
      <span class="address-content">{{orderInfo.address.receiver}}</span>
    </div>
    <div class="address-single-info">
      <span class="address-label">地&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp址： </span>
      <span class="address-content">{{orderInfo.address.deliverAddress}}</span>
    </div>
    <div class="address-single-info">
      <span class="address-label">手机号码： </span>
      <span class="address-content">{{orderInfo.address.phone}}</span>
    </div>
  </div>
  <hr/>

  <div class="product">
    <h4>商品清单</h4>
    <product-list products="orderInfo.productList"></product-list>
  </div>
</div>
